@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0;}

header, footer, section, aside, nav, article {display: block;}

html{height:100%; min-height:100%}

body { 
	margin: 0 auto;	
	padding:0;	
	width:100%;	
	font-size: 12px; 
	font-family:arial;
	color:#000; 
	background:#fff;
}
/*@font-face
{
font-family: Helvetica;
src: url('font/HelveticaNeueLTCom-Cn.ttf'),
     url('font/HelveticaLTStd-Comp.otf');
}*/


p {padding: 0px;} a {text-decoration:none; color:#000} img{border:none}

a:hover{text-decoration:underline} 

ul,li,ol,dt,dl{list-style-type:none}

/*top header*/

.topheader:after,.navmain:after,
.maincontent:after,footer:after,
.feature-story:after{content:""; display:block; clear:both}

.wrapper{margin: 0 auto; padding:0; width:960px;background:#fff; display:block; }/*border:1px solid #ccc;*/

header{display:block; width:960px;}

.topheader{display:block; width:100%; padding-bottom:8px;}

.topheader section{float:left;font-weight:bold; width:500px}

.topheader section h3{
	color:#333;
	text-transform:uppercase;	
	font-size:26px;
	line-height:20px;
	padding:5px 0 0 0;
	text-align:left;
	font-family:Myriad Pro;
}
.topheader section h3 a:hover{text-decoration:none}

.topheader aside{float:left; font-size:11px; width:460px;}


.blue{color:#29ABE2}

.navtop{float:right;height:20px}

.navtop a{margin:10px 5px 0 5px; text-transform:uppercase; float:left; font-size:10px; font-weight:bold}

.arrow1{ background:url(../images/arrow1.png) no-repeat right center; padding-right:10px;}

.navmain{display:block; width:100%;margin-top:20px}

.navmain h3{
	float:left;
	color:#333;
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:right;
	line-height:13px;
	width:45px;
	/*border-right:1px solid #333333;*/
	padding-right:5px;
}

.navmain h3 a:hover,.navmain h3 a.active{font-weight:bold;text-decoration:none}

.navmain h4{
	float:right; 
	width:50px;
	padding-top:5px;
	text-align:right; 
	text-transform:uppercase;
	line-height:12px;
	font-size:11px;
}

.mainmenu{
	float:left;
	border-bottom:1px solid #333333;
	margin-top:3px;
	width:960px;
}

.mainmenu li{
	float:left;
	line-height:12px;
	position:relative;
	font-weight:bold;
	text-transform:uppercase;
}

.mainmenu li a{
	padding:5px 2px 5px 0px;
	font-size:11px;
	word-wrap:break-word;
	display:block;
	color:#000;
	margin-right:10px;
}

.mainmenu li a:hover,.mainmenu li a.active{background:#333; color:white;text-decoration:none}

.mainmenu li ul{float:left; width:860px; position:absolute; top:30px;}

.mainmenu li ul.browse-submenu {left: -8px;}

.mainmenu li ul.design-submenu {left: -70px;}

.mainmenu li ul li{ width:auto; height:auto; border:none}


.mainmenu li ul li{
	float:left;
	position:relative;
	font-weight:bold;
	text-transform:uppercase;
	border-right:1px solid #999;
}

.mainmenu li ul li a{
	font-size:9px;
	word-wrap:break-word;
	display:block;
	color:#999999;
	border:none;
	background:#fff;
	padding:0px 8px;
	margin-right:0px;
}

.mainmenu li ul li:last-child{border-right:none}

.mainmenu li ul li a:hover{background:#fff; color:#000000;text-decoration:none}

footer{width:960px; display:block;color:white; }

footer a{color:white}

footer nav{float:left; width:920px;background:#333;padding:30px 20px;}

div.follow{float:left; width:100px; padding-right:50px; margin-right:20px;padding-bottom:30px; font-size:11px; border-right: 1px solid #fff}

div.about{float:left; width:250px; margin-right:30px}

div.follow h4,div.about h4{text-transform:uppercase; display:block; margin-bottom:5px; font-size:14px;}

div.follow span,div.about span{font-size:10px;}

footer ul{float:left; width:131px;font-size:10px; margin-left:25px;}

footer li:first-child{font-size:14px; text-transform:uppercase; margin-bottom:10px; font-weight:bold}

.copyright{float:left; width:900px; padding:5px 30px}

.copyright h4{float:left;font-weight:normal; color:#333; font-size:10px; line-height:10px}

.maincontent{width:960px; display:block; position:relative; margin-top:20px;position:relative}

.maincontent aside{float:left; width:190px;padding:5px;color:#fff;}

.maincontent section{float:left;width:760px}

#menu{background:#333;}

#right-part-3cols .no-menu{width:960px}

.left-part{position:absolute; z-index:10;top:40px}

.ico-close{float:right; margin:0px 5px 0px 175px;}

.navtopmenu{float:left;}

.navtopmenu a{color:#fff; font-size:10px;margin-right:20px; margin-bottom:5px; float:left}

.frmsearch input[type='text']{float:left;border:1px solid #ccc; height:18px;width:155px}

.frmsearch input[type='button']{
	background:#4d4d4d url(../images/ico-search.jpg) no-repeat center center;
	cursor:pointer;
	border:1px solid #ccc;
	border-left:none;
	height:20px;
	width:30px;
	float:left;
}
.refinements{float:left;padding-bottom:5px; border-bottom:1px solid #999999}

.refinements h3,.refinements h4{float:left;font-size:11px; font-weight:normal; line-height:30px}

.refinements h3{width:140px; font-weight:bold} .refinements h4{width:47px;color:#bbb;text-align:right;}

.refinements div{width:100%; float:left; font-size:11px; margin-bottom:5px;}

.refinements p{float:left; font-weight:bold; margin-right:5px;}

.refinements span{float:left;background:#eee; padding:2px 5px; margin-left:3px;color:#333;}

.refinements a{margin-left:3px; float:left; color:#29ABE2;}

.refinements a b{font-size:12px; line-height:10px}

.color{border:1px solid #999999; padding:5px; margin-left:5px}

.leftmenu{float:left; margin:5px 0; padding-bottom:5px; width:100%}

.leftmenu li{border-bottom:1px solid #999;float:left;width:100%; padding-bottom:5px}

.leftmenu li:last-child{border-bottom:0px;}

.leftmenu h4{
	float:left; 
	width:70px;
	text-transform:uppercase;
	position:relative;
}

.leftmenu h4 a{position:absolute; top:0; right:-120px; padding:10px 0 0 15px}

.leftmenu h4 a.ico-expand{background:url(../images/ico-expand.png) no-repeat right top;}

.leftmenu h4 a.ico-collapse{background:url(../images/ico-collapse.png) no-repeat right top;}

.leftmenu li ol{float:left; width:110px; margin-left:10px;font-family:arial;}

.leftmenu li ol li{border-bottom:0px; padding-bottom:0px;}

.leftmenu li ol li a{color:#fff;}

.color-grid{float:left; width:100%; margin-bottom:10px}

.color-grid h4{text-transform:uppercase; padding-bottom:10px;}

.color-grid div{float:left; width:190px;}

.color-grid a{float:left; padding:9px; margin:0 5px 10px 0}

.leftbox{float:left; width:190px; margin-bottom:5px;}

.leftbox:last-child{margin-bottom:0}

.leftbox h4{text-transform:uppercase; float:left; line-height:20px; margin-right:10px;}

.leftbox h5{color:#b3b3b3; float:left; line-height:20px}

.leftbox h5 a{color:#b3b3b3; margin-right:6px;}

.leftbox div, .leftbox ul{
	float:left; 
	width:188px; 
	border:1px solid #000; 
	height:160px; 
	overflow-y:scroll;
	overflow-x:hidden;
	background:#fff;
	color:#333;
}

.leftbox div p{padding:0 10px; width:178px; float:left}

.leftbox input[type='text']{
	width:183px;
	background:#fff url(../images/ico-search.jpg) no-repeat 168px center;
	border:2px solid #333;
	padding:2px;
}

.leftbox ul{
	float:left; 
	width:168px; 
	border:1px solid #000; 
	height:140px; 
	overflow-y:scroll;
	overflow-x:hidden;
	padding:10px;
	position:relative;
	font-size:11px;
}

.leftbox li{margin-bottom:10px;width:178px; float:left}

.leftbox li a{font-weight:bold}

.leftbox li a.avatar{float:left;display:block; width:28px; height:28px; background:#000; margin-right:5px;}

.type-view{float:right; width:100%; position:relative; margin-bottom:5px; margin-top:15px;}

.type-view p{float:left; font-size:11px; color:#333;}

.no-menu .type-view p{margin-left:0px}

.type-view img{vertical-align:middle; margin-right:5px;}

.type-view a{
	float:right;
	margin-left:20px;
	text-transform:uppercase;
	color:#9a9a9a;
	line-height:20px;
	font-size:10px;
	font-weight:bold;
}

.type-view a.thumb{margin:0 10px 0 0px;}

/*4 column*/
.lst-photo{float:left; width:100%;}

.lst-photo li{
	float:left; 
	width:210px; 
	position:relative;
	margin-right:37px;
	margin-bottom:15px;
	height:365px;
	border:1px solid #ccc;
}

.lst-photo li:nth-child(4n+4){margin-right:0px}

.lst-photo li a.thumb{
	width:210px; 
	height:300px; 
	overflow:hidden; 
	background:#3fa9f5 url(../images/no-image.png) no-repeat center center;
	display:block;
}

.lst-photo li a.thumb img{max-width:210px; width:expression(this.width > 210 ? 210 : true);}

/*3 column*/

.lst-photo-3cols{float:left; width:740px;margin-left:33px}

.lst-photo-3cols li{
	float:left; 
	width:218px; 
	position:relative;
	margin-right:33px;
	margin-bottom:15px;
	height:365px;
	border:1px solid #ccc;
}

.lst-photo-3cols li:nth-child(3n+3){margin-right:0px}

.lst-photo-3cols li a.thumb{
	width:218px; 
	height:300px; 
	overflow:hidden; 
	background:#3fa9f5 url(../images/no-image.png) no-repeat center center;
	display:block;
}
.lst-photo-3cols li a.thumb img{max-width:218px; width:expression(this.width > 218 ? 218 : true);}

.func{position:absolute; top:10px; left:10px}

.ico-comment{background:#fff url(../images/ico-comment.png) no-repeat; }

.ico-like{background:#fff url(../images/ico-like.png) no-repeat}

.ico-share{background:#fff url(../images/ico-share.png) no-repeat}

.ico-vote{background:#fff url(../images/ico-vote.png) no-repeat}

/*.ico-comment1{background:url(../images/ico-comment1.png) no-repeat; }

.ico-like1{background:url(../images/ico-like1.png) no-repeat}

.ico-vote1{background:url(../images/ico-vote1.png) no-repeat}*/

.func a{
	padding:0px 5px 0px 15px;
	font-size:11px;
	margin-right:5px;
	background-position:3px center;
	border:1px solid #B7B7B8;
	border-radius:4px;
	float:left;
}

/*.func1{float:left; margin-top:10px;}

.func1 a{
	padding-left:13px;
	margin-right:5px;
	background-position:left center;
	font-size:11px;
}*/

.view-more{color:#29ABE2}

.user-info{float:left; width:200px; margin:5px}

.ava-user{
	background:#c79b6a url(../images/no-avatar.jpg) no-repeat center center;
	float:left;
	width:20px;
	height:20px;
	margin-right:10px;
}

.user-info div{float:left; width:160px}

.nav-user{margin-top:5px; width:210px; text-align:center; border-top:1px solid #b3b3b3; float:left}

.nav-user a{font-size:9px; font-family:arial; padding-right:5px; color:#979797}

.user-info h4{font-size:10px;font-weight:normal; color:#4e4e4e; line-height:11px;}

/*Submit page*/

.header-submit{width:640px; display:table;text-transform:uppercase; margin-bottom:40px;margin-top:50px}

.thumb-logo{
	width:75px;
	height:80px;
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	background:#333;
	color:#E6E6E6;
	font-size:10px;
	padding-left:5px;
}

.header-submit h1{ display:table-cell;padding-left:20px; font-weight:lighter; font-size:30px;}

.tab-describe,.tab-upload-sketch,
.up-video,.up-fabrics
{display:block; width:640px; text-transform:uppercase;font-size:11px; }

.tab-describe li,.tab-upload-sketch li,
.up-fabrics li{float:left; width:100%; margin-bottom:20px}

.tab-describe li:first-child,.tab-upload-sketch li:first-child,
.up-fabrics li:first-child{font-size:18px; margin-bottom:30px;}

.tab-describe li:last-child{border-bottom:0px;}

.tab-describe li label,.tab-upload-sketch label,.up-fabrics label{float:left; width:158px; padding-right:20px}

.frm-info{float:left; width:460px;}


.tab-describe li ul li{
	padding-top:5px;
	padding-bottom:0px;
	margin-bottom:0px;
	border-bottom:0px;
}

.tab-describe li option:selected{background:#333; color:#fff}

.tab-describe li option{padding-top:3px; font-size:11px}

.tab-describe li p{margin-bottom:20px;}

.tab-describe li .text{text-transform:none;margin-top:30px; display:inline-block}

.tab-describe li input[type="text"],.up-video input[type="text"]{width:460px; border:1px solid #ccc; height:20px; }

.tab-describe li input[type="checkbox"]{ vertical-align:middle; margin-right:10px;}

.btn,.btn1{
	border:none;
	color:#fff;
	font-size:11px;
	text-transform:uppercase;
	padding:3px 10px;
	margin-right:10px;
	cursor:pointer;
	float:left;
}

.btn:hover{ background:#333;}

.btn{ background:red;}

.btn1{ background:#333;}

.tab-describe li textarea{width:460px;border:1px solid #ccc; height:90px}

.tab-upload-sketch li div.up-image{ float:left; width:460px; vertical-align:top;}

.tab-upload-sketch li div h3{
	width:100px; 
	height:164px;
}
.up-fabrics li div h3{
	width:100px; 
	height:100px;
}
.tab-upload-sketch li div h3,.up-fabrics li div h3{
	margin-right:20px;
	float:left;
	background-color:#333333;
	position:relative;
	filter: alpha(opacity=15);
	-moz-opacity:0.15;
	-khtml-opacity: 0.15;
	opacity: 0.15;
}

.tab-upload-sketch li div h3.active,.up-fabrics li div h3.active{
	-moz-opacity:1 ;
	filter:alpha(opacity: 100);
	opacity: 1;
	-khtml-opacity: 1;
}

.btn-browser{height:164px;width:100px;}

.up-fabrics li input.btn-browser{height:100px;width:100px;}

.btn-browser,.up-fabrics li input.btn-browser{
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	position:absolute;
	z-index:9;
	top:0;
	left:-5px;
	cursor:pointer;
}

.tab-upload-sketch li div span{font-size:10px; color:#000; padding:10px 0 0 5px; display:block; font-size:12px;}

.image{background-image:url(../images/thumb-upload.jpg); background-repeat: no-repeat;}

.tab-upload-sketch li div h3:last-child{margin-right:0px;}

.tab-upload-sketch li textarea,.up-fabrics li textarea{width:460px;border:1px solid #ccc; height:40px}

.tab-upload-sketch li label span{text-transform:none;}


.group-btn a{ text-transform:none; color:#808080; margin:0 10px; line-height:20px}

.txtcheck div{text-transform:none; width:460px; float:left}

.txtcheck input{ vertical-align:middle; margin-right:5px;}

.up-video label{height:100px; font-size:18px;float:left; width:158px; padding-right:20px}

.up-video div{ float:left; width:350px}

.up-video h3{
	width:335px; 
	height:190px;
	margin:20px 20px 20px 0;
	float:left;
	position:relative;
	background:#333333 url(../images/thumb-upload-video.jpg) no-repeat center center;
	color:#999999;
	padding:10px 0 0 10px;
	font-size:10px;
}

.up-video h3 img{ vertical-align:middle}

.up-video h3 .btn-upvideo{
	height:200px;
	width:345px;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	position:absolute;
	z-index:9;
	top:0;
	left:-5px;
	cursor:pointer;	
}

.up-fabrics li div span{font-size:10px; color:#fff; padding:10px 0 0 5px; display:block; font-size:10px;}

.ico-social{ display:block; margin-top:20px}

.pattern-status{display:block; width:640px; text-transform:uppercase;font-size:11px; }

.pattern-status label{font-size:18px;float:left; width:620px; padding-right:20px}

.pattern-status div{float:left; width:448px; margin-top:40px;margin-left:178px;}

.pattern-status p{float:left; width:100%; margin-bottom:10px}

.pattern-status input[type="checkbox"]{ float:left; margin-right:10px;}

.txt{color:#000; font-size:10px; text-transform:none; float:left; width:350px;}

.ico-digg,.ico-twitter,.ico-facebook,
.ico-linkin,.ico-google{
	background:url(../images/ico-social.png) no-repeat;
	display:inline-block; 
	width:32px; 
	height:32px; 
	margin-right:5px;
}

.ico-digg{background-position:left top}
.ico-twitter{background-position:-40px 0px}
.ico-facebook{background-position:-80px 0px}
.ico-linkin{background-position:-120px 0px}
.ico-google{background-position:-160px 0px}

.frm-bottom{margin-left:180px}

.frm-bottom div{margin-bottom:20px;width:460px}

.frm-bottom div.note{color:#3FA9F5; text-transform:none;}


.left-ads{ width:160px; margin:275px 0 0 30px; display:block}

.left-ads h1{color:#1D1D1B; font-size:16px; display:block; margin-bottom:5px;}

.left-ads h4{font-weight:lighter; font-size:11px; margin:25px 0 10px 0;}

.ads-active{border:1px solid #B1B1B1; width:158px;}

.ads-active p{background:#666666; display:block; margin:50px 10px 30px 10px; padding:10px 3px; color:#fff; text-align:right}

.ads-inactive{background:#F2F2F2;color:#000; padding:20px 10px 0px 10px; height:140px; margin-bottom:40px}

.nav-private{display:inline-block; border:1px solid #ccc; font-size:11px; line-height:18px}

.nav-private option{padding:0px 5px}

/*tab Submit*/

.tabs{
	height:20px;
	width:720px;
	padding-bottom:10px; 
	margin-bottom:20px; 
	border-bottom:1px solid #000; 
	font-size:18px;
	font-family:Myriad Pro;
}

.tabs li{
	float:left;
	margin-right:10px;
	border:1px solid #ccc;
	border-bottom:none;
	padding:3px 10px;
}

.tabs > ul{
	font: 1em;
	list-style:none;
}

.tabs > ul > li{
	display:block;
	float:left;
}

.tabs > ul > li:hover{
	cursor:pointer;
	background:#F2F2F2;
}

.tabs > ul > li.tabActiveHeader{
	color: #333;
	background:#F2F2F2;
	font-weight:bold;
}

/*home page*/

.mainbanner{
	display:block;
	padding-top:20px;
}

.feature-story{
	display:block;
}

.tlt-feature{
	font-family:cambria;
	font-size:18px;
	text-transform:uppercase;
	color:#333;
	padding:10px 0 30px 0;
	width:100%;
	font-weight:normal;
	margin-top:20px;
	border-top:1px solid #000;
}

.feature-story{ display:block; margin-bottom:30px;}

.feature-story li{
	float:left; 
	width:313px;
	margin-right:10px;
	margin-bottom:20px;
}

.feature-story li:nth-child(3n+3){margin-right:0px;}

.feature-story li div.box{
	color:#999;
	border:1px solid #000;
	width:271px;
	height:240px;
	padding:10px 20px;
	float:left;
	font-size:10px
}

.feature-story p{
	float:left; 
	width:300px;
	color:#666;
	font-style:italic;
	padding-top:10px;
}